<div class="panel panel-primary">
  <div class="panel-heading">默认形式</div>
  <div class="panel-body">
    <div class="row">
      <div class="col-xs-12">
        <textarea class="form-control" rows="14" name="htmlStr" [(ngModel)]="htmlStr" (blur)="output()"></textarea>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <div *ngFor="let html of escapeHtml2"><span [innerHTML]="html.space"></span>{{html.html}}</div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6">
        <div class="btn-group" role="group" aria-label="...">
          <button type="button" class="btn btn-success" (click)="output()"> html转义</button>
          <button type="button" class="btn btn-primary" (click)="hljsDemo()"> hljsDemo</button>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6">
        <div *ngFor="let html of escapeHtml2"><span [innerHTML]="html.space"></span>{{html.html}}</div>
      </div>
      <div class="col-xs-6">
        <div class="html">
          <div *ngFor="let html of formatHtml"><span [innerHTML]="html.space"></span>{{html.html}}</div>
        </div>
      </div>
    </div>
    <div class="panel-footer">
      <div class="btn-group" role="group" aria-label="...">
        <a class="btn btn-default" href="http://www.bejson.com/" target="_blank">bejson</a>
        <a class="btn btn-default" href="https://www.json.cn/" target="_blank">json</a>
        <a class="btn btn-default" href="http://tool.oschina.net/commons?type=2" target="_blank">html转义字符</a>
        <a class="btn btn-default" href="https://www.sojson.com/rehtml" target="_blank">html在线转义字符</a>
      </div>
    </div>
  </div>
</div>
